<template>
	<div class="page">
		<view class="imgBox">
			<img class="pic1" referrerpolicy="no-referrer" :src="require('@/static/personalCenter/success.png')" />
		</view>
		<view class="tips">			
			<view class="word2">充值成功！</view>
			<view class="word3">您可在钉钉电脑端后台产看明细或消费</view>
		</view>
		<button class="block2" @click="onClick_1">
			完成
		</button>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				constants: {}
			};
		},
		methods: {
			onClick_1() {
				uni.navigateBack();
			}
		}
	};
</script>
<style lang="less" scoped>
	.page {
		background-color: #FFFFFF;
		overflow: hidden;
		justify-content: flex-start;
		padding-top: 0;

		.imgBox {
			text-align: center;
			width: 100vw;
			position: relative;
			.pic1 {
				width: 306rpx;
				height: 306rpx;
				align-self: center;
				margin-top: 140rpx;
			}
		}

		.tips {
			text-align: center;
			margin-top: 66rpx;
			margin-bottom: 130rpx;
			.word2 {
				font-size: 32rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #555555;
				line-height: 45rpx;
			}

			.word3 {
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #555555;
				line-height: 40rpx;
				margin-top: 20rpx;
			}
		}

		.block2 {
			width: 305rpx;
			height: 82rpx;
			background: linear-gradient(135deg, #F78833 0%, #FFC77B 100%);
			border-radius: 41rpx;
			font-size: 28rp;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 40rpx;
			padding: 21rpx;
			margin: 0 auto;
		}
	}
</style>
